392. Araxis Merge File Comparison Report

Produced by Araxis Merge on 2023-03-13 03:01:34 +0000. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.

392.1 Files compared

#LocationFileLast Modified
12023-03-13 03:01:34 +0000
2Porto v4.0.5/Porto Theme/pub/media/porto/web/css/headertype25.css2023-03-07 10:19:00 +0000

392.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged00
Changed00
Inserted1347
Removed00

392.3 Comparison options

WhitespaceConsecutive whitespace is treated as a single space
Character caseDifferences in character case are significant
Line endingsDifferences in line endings (CR and LF characters) are ignored
CR/LF charactersNot shown in the comparison detail
Active line-pairing rules

392.4 Active regular expressions

No regular expressions were active.

392.5 Comparison detail

    1 html body:not(.cms-index-index) {overflow-x: visible;}
    2 .page-header.type25 .header-main .header-left,.page-header.type25 .header-main .header-right {padding-top: 24px;padding-bottom: 24px;}
    3 .page-header.type25 .header-main .header-right {flex: 1;}
    4 .page-header.type25 .panel.wrapper {position: relative;min-height: 50px;font-size: 11px;font-weight: 700;line-height: 1;background: none;padding-top: 12.5px;padding-bottom: 12.5px;}
    5 .header.panel > .header.links > li { line-height: 26px;letter-spacing: .025em;text-transform: none;}
    6 .page-header.type25 .header-right > * {margin-left: .875rem;margin-right: 0;width: auto;}
    7 .page-header.type25 .header.panel {margin: 0;margin-right: 20px;padding-right: .5rem;}
    8 .page-header.type25 .header.panel > .header.links > li {line-height: 20px;}
    9 .page-header.type25 .header.panel.store-currency {border-left: 1px solid #e7e7e7;border-right: 1px solid #e7e7e7;height: 20px;line-height: 20px;}
    10 .page-header.type25 .panel.header .switcher {margin-right: 0;margin-left: .875rem;}
    11 .page-header.type25 .panel.header .language {padding-right: 15px;}
    12 .page-header .switcher .options .action.toggle, .page-footer .switcher .options .action.toggle { line-height: 20px; }
    13 .page-header.type25 .panel.header .switcher:first-child {margin-left: 0;padding-left: 20px;}
    14 .page-header.type25 .switcher .options ul.dropdown {  left: auto;right: 0;}
    15 .page-header.type25 .switcher .options ul.dropdown:before {right: 10px;top: -12px;left: auto;}
    16 .page-header.type25 .switcher .options ul.dropdown:after{right: 9px;top: -14px;left: auto;}
    17 .page-header.type25 .main-panel-top .share-links{margin-top: -5px;}
    18 .page-header.type25 .main-panel-top .share-links a {font-size: 15px;width: 20px;height: 20px;margin: 0 1px;display: inline-block;}
    19 .page-header.type25 .main-panel-top .separator {height: 1.6em;border-left: 1px solid rgba(255,255,255,.09);display: inline-block;vertical-align: middle;}
    20 .page-header.type25 .header-row .header-center {padding: 0 10px;flex:inherit;}
    21 .page-header.type25 .header-contact > *:not(:first-child) {margin-left: .875rem;}
    22 .page-header.type25 .header-contact {display: inline-flex;align-items: center;line-height: 22px;font-size: .9em;}
    23 .page-header.type25 .header-contact .my-account {display: inline-block;padding: 0 .125rem;font-size: 24px;vertical-align: middle;}
    24 .page-header.type25 .header-contact .my-account i,.page-header.type25 .header-contact .wishlist i {font-size: 32px;display: block;margin: 0;}
    25 .page-header.type25 .header-contact .porto-sicon-title {font-weight: 500;font-size: 11px;letter-spacing: -0.4px;line-height: 13px;margin-bottom: 0;}
    26 .page-header.type25 .header-contact p {margin: 0;}
    27 .minicart-wrapper .action.showcart {top: 0;min-width: 32px;}
    28 .minicart-wrapper .action.showcart .minicart-icon {font-size: 29px;right: -0.5px;}
    29 .minicart-wrapper .action.showcart::after {display: none;}
    30 .minicart-wrapper .action.showcart .counter.qty {right: -5px;top: -3px;background: #ffc220;}
    31 .page-header.type25 .header-right .search-area {flex-grow: 1;}
    32 .page-header.type25 .search-area.show-icon a.search-toggle-icon {font-size: 22px;width: 40px;margin-top: 5px;padding-top: 1px;}
    33 .page-header.type25 .search-area.show-icon a.search-toggle-icon i::before {font-weight: 600;}
    34 .page-header.type25 .nav-sections .navigation {padding-left: 0;padding-right: 0;position: static;}
    35 .page-header.type25 .nav-sections .navigation .container {padding-left: 10px;padding-right: 10px;}
    36 .page-header.type25 .custom-block {margin-left: 0;}
    37 .page-header.type25 .search-area .minisearch .actions button {width: 54px;height: 46px;background: var(--border-search-color);color: #fff;right: 0;}
    38 .page-header.type25 .search-category {right: 54px !important;height: 46px;line-height: 46px;padding-right: 12px;padding-left: 16px;border-left: none;}
    39 .page-header.type25 .search-category:after {margin-left: 7px;}
    40 .page-header.type25 .block-search input {height: 46px;}
    41 .page-header.type25 .search-category select {max-width: 95px;}
    42 .nav-toggle {padding-right: 1px;margin-right: 0;}
    43 .sticky-product {
    44     width: calc(100% - 280px);
    45     right: 0;
    46     left: auto;
    47     padding-top: 15px;
    48 }
    49 @media (max-width:991px){
    50   .page-header.type25 .header-row .header-center {
    51     display: none;
    52   }
    53   .sw-megamenu.navigation.side-megamenu {
    54     display: block;
    55   }
    56   .page-header.type25 .header-main .header-left,.page-header.type25 .header-main .header-right {padding-top: 20px;padding-bottom: 20px;}
    57   .page-header.type25 .nav-toggle {margin-right: 15px;}
    58   .page-header.type25 .header-contact .my-account i,.page-header.type25 .header-contact .wishlist i {font-size: 28px;}
    59   .page-header.type25 .search-area .minisearch .actions button {border-radius: 0 10px 10px 0;}
    60   .sidebar-nav .side-megamenu.navigation li.level0.staticwidth>.submenu {
    61     padding: 0 !important;
    62     background: none !important;
    63   }
    64   .sidebar-nav .sw-megamenu.navigation.side-megamenu,.sidebar-nav .navigation .container {
    65     padding-left: 0;
    66     padding-right: 0;
    67   }
    68   .sidebar-nav .sw-megamenu.navigation.side-megamenu ul h3 {
    69     padding-left:  0 !important;padding-right: 0 !important;
    70   }
    71   .sidebar-nav .navigation .level0 > .level-top > i {display: none;}
    72 }
    73 @media only screen and (max-width:767px){
    74   .page-header.type25 .main-panel-top .separator {display: none;}
    75   .page-header.type25 .header.panel {
    76     display: block;
    77   }
    78   .page-header.type25 .panel.header .switcher {
    79     display: inline-block;
    80   }
    81   .page-header.type25 .header.panel.store-currency {
    82     margin-right: 0;
    83     border-right: 0;
    84   }
    85   .page-header.type25 .panel.header .language {
    86     padding-right: 0;
    87   }
    88 }
    89 @media (max-width: 575px) {
    90   .page-header.type25 .search-area .block.block-search {
    91     right: -110px;
    92   }
    93   .page-header.type25 .header-contact {
    94     margin-left: 0;
    95   }
    96   .page-header.type25 .header-contact .wishlist,.page-header.type25 .panel.wrapper .header-left {display: none;}
    97 }
    98 @media(min-width:992px){
    99   .page-header.type25 .custom-block {padding-right: 13px;}
    100   .page-header.type25 .header.content {align-items: inherit;padding-left: 0;padding-right: 0;max-width: 100%;}
    101   .page-header.type25 .header-main .header-right {box-shadow: 0px 20px 50px 0 rgba(99,111,113,0.05);padding-right: 35px;padding-left: 35px;}
    102   .page-header.type25 .header-main .header-left {
    103     width: 280px !important;
    104     justify-content: center;
    105     border-right: 1px solid #e1e1e1 !important;
    106     max-width: 280px;
    107     min-width: auto;
    108     align-items: inherit;
    109   }
    110   .page-header .switcher .options .action.toggle {line-height: inherit;}
    111   .page-header.type25.sticky-header .logo img {transform: scale(.8);transform-origin: left center;}
    112   .page-header.type25 .header-right .search-area {
    113       padding-left: 0;
    114       margin-left: 0;
    115   }
    116   .page-header.type25.sticky-header .nav-sections {position: static !important; box-shadow: none;margin-left: 0 !important;}
    117   .page-header.type25.sticky-header .header-main {position: fixed; top: 0; background: #fff;width: 100%;box-shadow: 0 1px 0 0 rgb(0 0 0 / 6%);}
    118   .page-header.type25.sticky-header .header-main .header-left, .page-header.type25.sticky-header .header-main .header-right {
    119     padding-top: 8px;
    120     padding-bottom: 8px;
    121   }
    122   .page-header.type25.sticky-header .minicart-wrapper {
    123     position: relative;
    124     transform: none;
    125     right:0;
    126     top: 0;
    127   }
    128   .page-header.type25 .minicart-wrapper .action.showcart .counter.qty {right: 26px;}
    129   .page-header.type25 .minicart-wrapper .action.showcart .minicart-icon::after {
    130     content: '\e819';
    131     margin: 0 7px 0 18.2px;
    132     font-family: "porto-icons";
    133     font-style: normal;
    134     display: inline-block;
    135     position: static;
    136     width: auto;
    137     height: auto;
    138     border: none;
    139     transform: none;
    140     background: none;
    141   }
    142   .page-header.type25 .minicart-wrapper {
    143     display: flex;
    144     align-items: center;
    145     min-height: 40px;
    146   }
    147   .page-header.type25 .minicart-wrapper .action-subtotal {
    148     font-size: 11px;
    149     font-weight: 500;
    150     text-transform: none;
    151     line-height: 1.4;
    152     letter-spacing: -.06em;
    153     color: #777777;
    154     display: none;
    155     order: -1;
    156     text-align: right;
    157   }
    158   .page-header.type25 .minicart-wrapper .action-subtotal .cart-price {
    159     display: block;
    160     font-size: 1rem;
    161     font-weight: 700;
    162     line-height: 1;
    163     letter-spacing: 0;
    164     color: #ffc220;
    165   }
    166   .page-header.type25 .sticky-logo {margin-top: 10px;padding-left: 10px;}
    167   .page-header.type25 .header.panel > .header.links {display: flex;align-items: center;}
    168   .page-header.type25 .header.panel > .header.links > li > a {padding-top: 5px;padding-bottom: 5px;padding-left: 14.5px;padding-right: 14.5px;}
    169   .page-header.type25 .header.panel > .header.links > li:last-child > a {padding-right: 0;}
    170   .page-header.type25 .nav-sections {display: block;align-items: center;max-width: 100%;}
    171   .page-header.type25 .nav-sections .nav-sections-items {flex: 0 0 100%;}
    172   .page-header.type25 .search-area .block.block-search {border-radius: 5px;border-width: 2px; }
    173   .page-header.type25 .navigation:not(.side-megamenu) > ul {display: flex;align-items: center;flex-wrap: wrap;position: static;}
    174   .page-header.type25 .navigation:not(.side-megamenu) .level0 {margin-right: 1px;}
    175   .page-header.type25 .navigation:not(.side-megamenu) .level0 .level-top {font-size: 13px;font-weight: 600;line-height: 20px;letter-spacing: -0.325px;padding: 10px 12px 10px 12px;}
    176 
    177   .sidebar-nav .navigation.side-megamenu .level0 .level-top {font-size: 14px;font-weight: 600;line-height: 18px;letter-spacing: -0.5px;padding: 11.5px 4px 11.5px 4px;border: none;margin-left: 20px;margin-right: 20px;}
    178   .sidebar-nav .navigation.side-megamenu .level0 .level-top::after {font-size: 26px;font-weight: 400;-webkit-font-smoothing: antialiased;}
    179   .sidebar-nav .navigation.side-megamenu .level0 .level-top > i {font-size: 28px;margin-right: 0;}
    180   .sidebar-nav .navigation.side-megamenu .level0 .level-top > i::before {margin: 0 0.1em;}
    181 
    182   .page-layout-2columns-right .sw-megamenu.navigation.side-megamenu li.level0 > a > em,
    183   .page-layout-2columns-right .sw-megamenu.navigation.side-megamenu li.level0 > a i {
    184     margin-right: .5rem;
    185     margin-left: 0;
    186     order: 1;
    187   }
    188 
    189   .page-layout-2columns-right .sidebar-nav .sw-megamenu.navigation.side-megamenu li.level0 > a > span:not(.cat-label) {
    190     text-align: left;
    191     order: 2;
    192   }
    193   .page-layout-2columns-right .sidebar-nav .sw-megamenu.navigation.side-megamenu li.level0.parent > a:after {
    194     content: '\e81a';
    195     margin-right: -2px;
    196     margin-left: auto;
    197     order: 3;
    198   }
    199   .page-layout-2columns-right .sidebar-nav .sw-megamenu.navigation.side-megamenu li.level0 > .submenu::before {
    200     border-left: 12px solid #fff;
    201     border-right: none;
    202     right: -12px;
    203     left: auto;
    204   }
    205   .page-layout-2columns-right .sidebar-nav .sw-megamenu.navigation.side-megamenu li.level0.classic > .submenu {
    206     right: auto !important;
    207     left: 100% !important;
    208   }
    209   .page-layout-2columns-right .sidebar-nav .sw-megamenu.navigation.side-megamenu li.level0 > .submenu::before {
    210     border-right: 12px solid #fff;
    211     border-left: none;
    212     left: -12px;
    213     right: auto;
    214   }
    215   .page-layout-2columns-right .sidebar-nav .sw-megamenu.navigation.side-megamenu li.level0.fullwidth > .submenu,
    216   .page-layout-2columns-right .sidebar-nav .sw-megamenu.navigation.side-megamenu li.level0.staticwidth > .submenu {
    217     right: auto !important;
    218     left: 100% !important;
    219   }
    220 
    221   .page-header .sw-megamenu.navigation li.level0.staticwidth > .submenu .level1 > a,
    222   .page-header .sw-megamenu.navigation li.level0.fullwidth > .submenu .level1 > a {color: #000;}
    223   .sw-megamenu.navigation li.level0.classic .submenu a,.sw-megamenu.navigation li.level0.fullwidth .submenu a, .sw-megamenu.navigation li.level0.staticwidth .submenu a {font-weight: 600;}
    224   .page-header.type25 .search-area.show-icon .block.block-search {min-width: 380px;}
    225   .page-main {padding: 0 !important;}
    226   .message.success {
    227     margin-bottom: 0;
    228   }
    229 
    230   .page-wrapper > .category-description, .page-main > .category-view {
    231     margin-left: auto !important;
    232     width: calc(100% - 279px);
    233     border-left: #e7e7e7 solid 1px;
    234   }
    235   .page-wrapper .page-main {max-width: 100% !important;}
    236   .page-wrapper > .breadcrumbs {padding-top: 35px;}
    237   .page-wrapper > .breadcrumbs .items {
    238     position: relative;
    239     margin-bottom: 0;
    240     padding-bottom: 5px;
    241     padding-top: 5px;
    242     padding-left: 35px !important;
    243     padding-right: 35px !important;
    244     max-width: 100% !important;
    245   }
    246   .page-wrapper > .breadcrumbs .items:after {
    247     content: '';
    248     position: absolute;
    249     left: 35px;
    250     right: 35px;
    251     bottom: 0;
    252     border-bottom: 1px solid #e7e7e7;
    253   }
    254   .page-wrapper > .breadcrumbs,.page-main > .page.messages,.page-main > .page-title-wrapper {
    255     max-width: calc(100% - 279px);
    256     margin-left: auto;
    257     margin-right: 0;
    258     border-left: #e7e7e7 solid 1px;
    259     background: none;
    260   }
    261   .page-main > .page-title-wrapper {
    262     padding-left: 35px;
    263     padding-right: 35px;
    264   }
    265   .checkout-cart-index .page-title-wrapper {
    266     padding-top: 1rem;
    267     padding-bottom: 1rem;
    268   }
    269   .page-main > .page-main-inner {
    270     display: flex;
    271     flex-wrap: wrap;
    272     width: 100%;
    273     justify-content: flex-end;
    274   }
    275   .page-main > .page-main-inner > .sidebar-nav {
    276     min-width: 280px;
    277     padding-top: 20px;
    278     border-right: 1px solid #e7e7e7;
    279     order: 1;
    280     position: relative;
    281     z-index: 2;
    282   }
    283   body:not(.cms-index-index) .columns .column.main {position: sticky;top:20px;}
    284   body:not(.cms-index-index) .page-wrapper > .breadcrumbs + .page-main > .page-main-inner > .sidebar-nav,
    285   .checkout-cart-index .page-main-inner .sidebar-nav,.customer-account-login .page-main-inner .sidebar-nav,
    286   .customer-account-create .page-main-inner .sidebar-nav,
    287   .customer-account-forgotpassword .page-main-inner .sidebar-nav{
    288     margin-top: -40px;
    289     padding-top: 0;
    290   }
    291   .abs-account-page-title, .customer-account-login .page-title-wrapper, .customer-account-create .page-title-wrapper, .customer-account-forgotpassword .page-title-wrapper {
    292     padding-top: 25px;
    293     padding-bottom: 0;
    294   }
    295   .page-main > .page-main-inner > .columns {
    296     max-width: calc(100% - 280px);
    297     flex: 0 0 100%;
    298     order: 2;
    299     padding-left: 0;
    300     padding-right: 0;
    301     padding-top: 20px;
    302   }
    303   body:not(.cms-index-index) .page-main > .page-main-inner > .columns {
    304     padding-top: 1.25rem;
    305     padding-left: 35px;
    306     padding-right: 35px;
    307   }
    308   .main-upsell-product-detail {
    309     margin-bottom: 0;
    310     max-width: calc(100% - 279px);
    311     margin-left: auto;
    312     margin-right: 0;
    313     border-left: #e7e7e7 solid 1px;
    314     width: 100%;
    315   }
    316   footer.page-footer {
    317     width: calc(100% - 279px);
    318     margin-left: auto;
    319     margin-right: 0;
    320     border-left: 1px solid #e7e7e7;
    321   }
    322 }
    323 @media (min-width:992px) and (max-width: 1200px) {
    324 .page-header.type25 .navigation .level0 .level-top {
    325     padding: 15px 10px 15px 10px;
    326     font-size: 12px;
    327 }
    328 }
    329 @media (min-width: 1200px){
    330 html .d-xxl-block {
    331   display: block !important;
    332 }
    333 
    334 .minicart-wrapper .action.showcart {margin-left: 10px;}
    335 .page-header.type25 .minicart-wrapper {
    336   border-left: #e7e7e7 solid 1px;
    337   padding-left: 30px;
    338 }
    339 .page-header.type25 .minicart-wrapper .action-subtotal {
    340   display: block !important;
    341 }
    342 }
    343 @media (min-width: 1612px){
    344 html .d-xxl-flex {
    345     display: flex !important;
    346 }
    347 }

Araxis Merge (but not the data content of this report) is Copyright © 1993–2019 Araxis Ltd (www.araxis.com). All rights reserved.